<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page isELIgnored="false" %>
<!doctype html>
<html lang="en">
<head>
    <title>学生档案管理</title>

    <link href="/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <link href="/css/admin.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/vendor/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/assets/vendor/linearicons/style.css">
    <link rel="stylesheet" href="/assets/vendor/chartist/css/chartist-custom.css">
    <!-- MAIN CSS -->
    <link rel="stylesheet" href="/assets/css/main.css">
<%--    <!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->--%>
<%--    <link rel="stylesheet" href="/assets/css/demo.css">--%>

</head>

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header custom-header">

        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item slide-sidebar" lay-unselect>
                <a href="javascript:;" class="icon-font"><i class="ai ai-menufold"></i></a>
            </li>
        </ul>
        <ul class="nav navbar-nav navbar-right" style="height: auto;width: auto">

            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="assets/img/user.png" class="img-circle" alt="Avatar">
                    <span>${sessionScope.user.userName}</span> <i class="icon-submenu lnr lnr-chevron-down"></i></a>
                <ul class="dropdown-menu">
                    <li><a href="javascript:void(0);" id="change"><i class="lnr lnr-user"></i> <span>修改密码</span></a></li>
                    <li><a href="javascript:void(0);" onclick="logout()"><i class="lnr lnr-exit"></i> <span>退出登录</span></a></li>
                </ul>
            </li>

        </ul>


    </div>

    <div class="layui-side custom-admin">
        <div class="layui-side-scroll">
            <div class="custom-logo">
                <h1>学生档案管理</h1>
            </div>
            <ul id="Nav" class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="/student" >
                        <i class="layui-icon">&#xe609;</i>
                        <em style="font-size: large">学生档案</em>
                    </a>

<%--                    <a href="/picture" >--%>
<%--                        <i class="layui-icon">&#xe64a;</i>--%>
<%--                        <em style="font-size: large">学生照片</em>--%>
<%--                    </a>--%>
                </li>
<%--                <li class="layui-nav-item">--%>
<%--                    <a href="javascript:;">--%>
<%--                        <i class="layui-icon">&#xe857;</i>--%>
<%--                        <em>组件</em>--%>
<%--                    </a>--%>
<%--                    <dl class="layui-nav-child">--%>
<%--                        <dd><a href="#">表单</a></dd>--%>
<%--                    </dl>--%>
<%--                </li>--%>
<%--                <li class="layui-nav-item">--%>
<%--                    <a href="javascript:;">--%>
<%--                        <i class="layui-icon">&#xe612;</i>--%>
<%--                        <em>用户</em>--%>
<%--                    </a>--%>
<%--                    <dl class="layui-nav-child">--%>
<%--                        <dd><a href="#">用户组</a></dd>--%>
<%--                    </dl>--%>
<%--                </li>--%>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <div class="layui-tab app-container" lay-allowClose="true" lay-filter="tabs">
            <ul id="appTabs" class="layui-tab-title custom-tab"></ul>
            <div id="appTabPage" class="layui-tab-content"></div>
<%--            <div style="margin-left: 20px;font-weight: bolder;font-size: large">欢迎使用！请点击侧边栏查看相关内容</div>--%>
        </div>
    </div>


    <div class="mobile-mask"></div>
</div>


</body>
<%--弹出层--%>
<div id="pwd" style="display: none;margin: 20px">
    <div class="layui-inline">
        <label class="layui-form-label" >旧密码</label>
        <div class="layui-input-inline" style="width: 100px;">
            <input type="password" name="password1" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="">
        <label class="layui-form-label">新密码</label>
        <div class="layui-input-inline" style="width: 100px;">
            <input type="password" name="password2" autocomplete="off" class="layui-input">
        </div>
    </div>
</div>
<%--  --%>
<script src="/layui/layui.js"></script>
<script src="/js/jQuery-2.1.4.min.js"></script>

<script src="/js/bootstrap.min.js"></script>
<script src="/assets/vendor/jquery-slimscroll/jquery.slimscroll.min.js"></script>

<script src="/js/manage.js"></script>
<script src="/js/index.js" data-main="home"></script>
<script src="/js/home.js"></script>

<script>
    layui.use('layer', function () {
        var layer = layui.layer;

    });
</script>

</html>
